<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="user-scalable=no" />
  <meta name="format-detection" content="telephone=no" />
  <meta name="rem" content="design-width=750" />
  <meta name="apple-touch-fullscreen" content="yes" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="full-screen" content="yes" />
  <meta name="x5-fullscreen" content="true" />
  <meta name="360-fullscreen" content="true" />
  <title>搜索</title>

  <script src="//s.thsi.cn/js/m/vue/2.6.11.min.js"></script>
  <script src="//s.thsi.cn/cb?js/m/v2.11/common/;zepto.js;cookie.js;user.js;basic.js;bridge.js;rem.js;js/m/v2.11/business/;stat.js"></script>
  <script type="text/javascript" src="//s.thsi.cn/hxapp/m/base/js/skywalking.1.1.5.min.js"></script>

  <!-- hxmui -->
  <script src="//s.thsi.cn/sns/lib/front/thsc-theme/ths-theme.min.js"></script>
  <link rel="stylesheet" href="//s.thsi.cn/sns/lib/front/thsc-theme/ths-theme.min.css">
  <link rel="stylesheet" href="//s.thsi.cn/sns/lib/front/thsc-hxmui/0.6.0/style/index.css">
  <script src="//s.thsi.cn/sns/lib/front/thsc-hxmui/0.6.0/index.js"></script>

  <!-- build:css styles/monitorSearch.css -->
  <link type="text/css" rel="stylesheet" href="./styles/reset.css" />
  <link type="text/less" rel="stylesheet" href="./styles/baseToolTip.less" />
  <link type="text/less" rel="stylesheet" href="./styles/monitorSearch.less" />
  <!-- endbuild -->
  <!-- build:remove -->
  <script type="text/javascript" src="//s.thsi.cn/js/m/business/less.js"></script>
  <!-- endbuild -->
</head>

<body>
  <div id="app" class="card-bg" v-cloak>
    <hxm-search-page
      v-model="searchPattern"
      :result="result"
      :is-pending="searchIsPending"
      @input="handleIptChange"
    >
      <template v-slot:input>
        <hxm-search></hxm-search>
      </template>
      <template v-slot="stock">
        <div class="stock-result" @click="jumpToDetail(stock.item)">
          <div class="stock-item flex ai-c jc-sb line-base-bd">
            <div class="flex ai-c">
              <div class="stock-item__marketname">{{stock.item.marketName}}</div>
              <div>
                <div class="stock-item__name" v-html="highlightParse(stock.item.name)"></div>
                <div class="stock-item__code sub-text-gray ff-din" v-html="highlightParse(stock.item.code)"></div>
              </div>
            </div>
            <div
              v-if="stockInMonitor(stock.item.code)"
              class="monitor-btn flex jc-c ai-c"
              @click.stop="setMonitor(stock.item.code)"
            >
              <div class="monitor-icon icon-delete"></div>
            </div>
            <div v-else class="monitor-btn flex jc-c ai-c" @click.stop="setMonitor(stock.item.code)">
              <div class="monitor-icon icon-add"></div>
            </div>
          </div>
        </div>
      </template>
    </hxm-search-page>
    <basetooltip></basetooltip>
  </div>
  <!-- build:js scripts/monitorSearch.js -->
  <script src="./scripts/config.js"></script>
  <script src="./scripts/BaseToolTip.js"></script>
  <script src="./scripts/SkyWalking.js"></script>
  <script src="./scripts/monitorSearch.js"></script>
  <!-- endbuild -->
</body>

</html>